<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>报名分享</title>
  <meta itemprop="name" content="这场被誉为“小高考”的联考，为啥吸引上百万考生？"/>
  <meta itemprop="image" content="/img/share-icon.jpg" />
  <meta name="description" itemprop="description" content="一百万高考生报名参加这场“小高考”超级全能生联考被刷屏炒火了！" />
  <style>
    .bg {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
    .bg .modal {
      background: #FFF;
      width: 600px;
      height: 200px;
      line-height: 60px;
      padding: 40px 0;
      font-size: 46px;
      text-align: center;
      margin: 0 auto;
      margin-top: 200px;
      box-sizing: border-box;
    }
  </style>
  <% include ../component/_common_tongji.html %>  
</head>

<body style="margin:0;padding:0;border:0;">
  <div id="sharePic" class="wrap">
    <img id="img" style="width:100%;display:block;border:0;" src="https://sfile.tl100.com/tl-exam-signup/<%= id %>"/>
  </div>
  <div class="bg" style="display:none">
    <div class="modal">
        长按保存图片<br>
        发送好友或分享朋友圈     
    </div>
  </div>
  <script>
    var ch = document.documentElement.clientHeight;
    document.getElementsByClassName('modal')[0].style['margin-top'] = (ch / 2 - 100) + "px";
    // /api/user/getShareImage
    img.onload = function () {
      document.getElementsByClassName('bg')[0].style.display = '';
      timer = setTimeout(function () {
        document.getElementsByClassName('bg')[0].style.display = 'none';
      }, 3500);
    }
  </script>
</body>

</html>